@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply bg-gray-50;
}

.container {
  @apply mx-auto max-w-3xl px-4 py-8;
}

.btn {
  @apply px-4 py-2 rounded-md font-medium transition-colors;
}

.btn-primary {
  @apply bg-teal-500 text-white hover:bg-teal-600;
}

.btn-disabled {
  @apply bg-gray-300 text-gray-500 cursor-not-allowed;
}

.time-slot {
  @apply px-4 py-2 border rounded-md cursor-pointer transition-colors;
}

.time-slot-available {
  @apply border-teal-300 hover:bg-teal-50;
}

.time-slot-booked {
  @apply border-red-300 bg-red-50 text-red-500;
}

.time-slot-selected {
  @apply bg-teal-100 border-teal-500;
}